<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
    runAfterLayoutAndPaint(function() {
        document.getElementById("target").style.background = "green";
    }, true);
</script>
<p>A green box should be seen in the bottom right corner of the yellow box.</p>
<div style="columns:2; column-fill:auto; height:40px; column-gap:10px; width:630px; line-height:20px; orphans:1; widows:1; background:yellow;">
    <div><br></div>
    <div style="columns:2; column-gap:10px;">
        <div><br></div>
        <div style="columns:2; column-gap:10px;">
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div><br></div>
            <div id="target"><br></div>
        </div>
    </div>
</div>
